<template>
  <div class="subPage">
    <div v-if="type == 0" class="title">您的手机已经注册武大云医账号</div>
    <div v-else class="title">武大云医注册成功,请牢记您的密码</div>
    <div :class="{phone: true, marginBtm: type == 0}">
      <span class="titleColor">登录账号：</span><span class="textColor">{{phone}}</span>
    </div>
    <div class="pwd" v-if="type == 1">
      <span class="titleColor">初始密码：</span><span class="textColor">{{pwd}}</span>
    </div><div class="bottomDiv">
      <span class="recode" @click="goIndex">我知道了</span>
      <img :src="btnBgImg" />
    </div>
  </div>
</template>
<script>
import api from '@/api/api'
  export default {
    data () {
      return {
        type: 1,
        phone: '',
        btnBgImg: '',
        imgUrl: '',
        pwd: ''
      }
    },
    mounted () {
    },
    onLoad (options) {
      this.type = options.type
      this.phone = options.phone
      this.pwd = options.pwd
      this.imgUrl = api.imgUrl
      this.btnBgImg = this.imgUrl + 'btnBg.png'
      console.log(options)
    },
    methods: {
      goIndex () {
        mpvue.reLaunch({
          url: '/pages/index/main'
        })
      }
    }
  }
</script>
<style scoped lang='less'>
  .subPage {
    font-size: 36rpx;
  }
  .title {
    height:50rpx;
    font-size:36rpx;
    font-weight:600;
    line-height:50rpx;
    margin: 95rpx 0 24rpx 60rpx;
  }
  .titleColor {
    color: #999999;
  }
  .textColor {
    color: #258FF8
  }
  .phone {
    margin-left: 60rpx;
    font-size: 34rpx;
  }
  .pwd {
    margin: 20rpx 0 80rpx 60rpx;
    font-size: 34rpx;
  }
  .marginBtm {
    margin-bottom: 100rpx!important;
  }
</style>
